
 /* for all */
        .main-content {
            position: fixed;
            right: 8%;
            width: 70%;
            height: 90%;
            overflow-y: auto;
        }

        @media screen and (max-width: 768px) {
            .main-content {
                /* 在较小的屏幕上，我们将侧边栏的宽度设置为100% */
                width: 60%;
                height: 90%;
                right: 8%;
            }
        }
        .toc-entry {
            margin-bottom: 0px;
            display: block;
        }

        .toc-h2 {
            font-weight: bold;
        }

        .toc-h3 {
            font-weight: normal;
            margin-left: 0px;
        }

 /* for extReading.html */
    .container1 {
      display: flex;
      align-items: center;
    }

    p {
      padding: 0;
      margin: 0;
    }

    .container1 .left {
      width: 70%;
      text-indent: 2em;
      padding-right: 10px;
      /* background-color: skyblue; */
    }

    .container1 .right {
      flex: 1;
      /* background-color: pink; */
      text-align: center;
    }

    .container1 img {
      max-height: 100%;
      max-width: 100%;
    }
    .panel-body p, .panel-body ul {
            font-size: inherit;
        }
        .word{
            text-indent: 2em;
        }
     pre {
            background-color: #323030;
            padding: 10px;
            border: 1px solid #544e4e;
            white-space: pre-wrap;
            font-family: 'Courier New', monospace;
            line-height: 1.5;
            overflow-x: auto;
            max-width: 600px; /* 设置最大宽度为400像素 */
            margin: 0; /* 去除默认的margin */
        }
        

        /* 按钮样式 */
        .copy-button {
            cursor: pointer;
            background-color: rgb(87, 117, 131);
            color: white;
            border: none;
            padding: 5px 10px;
            border-radius: 5px;
            margin-top: 10px;
        }


        

         /* for main.html */
        .subscript {
            position: relative;
            display: inline-block;
        }

        .subscript sup1 {
            position: absolute;
            bottom: 0em;
            right: -0.6em;
            font-size: 0.6em;
        }

        .subscript sup2 {
            position: absolute;
            bottom: 0em;
            right: -1.5em;
            font-size: 0.6em;
        }
        .p1 {  
    	text-indent: 2em;  
	}
        /* 设置一个视频盒子 */
        .videoBox {
            width: 800px;
            /* 为了给进度条定位，需要给父级设置一个相对定位 */
            position: relative;
        }

        /* 引入视频，设置视频的尺寸 */
        video {
            width: 1000px;
        }

        /* 给视频进度条一个css样式 */
        .jindu {
            width: 800px;
            height: 10px;
            border-radius: 10px;
            background: #959595;
            /* 给自制的进度条设置绝对定位，定位到想要的位置 */
            position: absolute;
            bottom: 20px;
            left: 80px;
        }

        /* 给视频进度条设置一个当前进度的背景颜色 */
        .jinduyanse {
            width: 0%;
            height: 10px;
            border-radius: 15px;
            background: #00ffcc;
        }
        .bd-sidebar {
            position: fixed;
            left: 0;
            width: 15%;
            height: 90%;
            overflow-y: auto;
            border-right: 1px solid rgba(0, 0, 0, .1);

        }

        @media screen and (max-width: 768px) {
            .bd-sidebar {
                /* 在较小的屏幕上，我们将侧边栏的宽度设置为100% */
                width: 30%;
                left: 0;
                position: fixed;
                height: 90%;
                overflow-y: auto;
                border-right: 1px solid rgba(0, 0, 0, .1);
            }
        }

        .section-nav {
            padding-left: 40px;
            overflow: auto;
        }

        .section-nav li {
            padding-top: 10px;
        }

        .section-nav li a {
            display: block;
            text-decoration: none;
            color: #333;
        }

        .section-nav li a:hover {
            color: #007bff;
        }
